<template>
  <div class="list-wrapper">
    <city-list-sub
    v-for="(item,index) of cityList"
    :cityInfo='item'
    :key="index"></city-list-sub>
  </div>
</template>

<script>
import CityListSub from './Sub'
import cityDatas from 'data/city.js'
  export default {
    name: 'CityList',
    components: {
      CityListSub
    },
    data() {
      return {
        cityList: cityDatas
      }
    },
  }
</script>
